<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>吊的地区</title>

    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/travelspot.css" rel="stylesheet" type="text/css">
    <link href="/styles/select.css" rel="stylesheet" type="text/css">
    <link href="../styles/reply.css" rel="stylesheet" type="text/css">
    <link href="../styles/test.css" rel="stylesheet" type="text/css">

    <link href="/js/plugins/jqPaginator/jqPagination.css" rel="stylesheet" type="text/css">

    <script type="text/javascript" src="/js/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="/js/plugins/jqPaginator/jq-paginator.min.js"></script>
    >

    <script type="text/javascript" src="/js/plugins/jquery-form/jquery.form.js"></script>
    <script type="text/javascript" src="/js/system/guide.js"></script>
</head>

<style>
    .rev-total {
        padding-left: 150px;
        font-size: 10px;
    }
</style>


<script>
    $(function () {

        //游记分页
        $("#searchForm").ajaxForm(function (data) {
            $("#travelPage").html(data);
        });
        $("#searchForm").submit();

        //游记分页
        $(".com-opt").change(function () {
            $("#currentPage").val(1);
            $("#searchForm").submit();
        });


    })
</script>

<body>
<#assign currentNav="destination">
<#include "../common/navbar.ftl">
<div id="container">
    <div class="row row-placeTop row-bg">
        <div class="wrapper">
            <div class="extra">
                <div class="action">
                    <a class="btn-collect" href="javascript:void(0)" _iswg="0" _mddid="14674" data-act="want_go"
                       class="icon"></i>收藏</a>
                    <a class="btn-been" href="javascript:void(0)" _ispa="0" _mddid="14674" data-act="set_path"><i
                            class="icon"></i>去过</a>
                </div>
            </div>
        <#include "../common/toast.ftl"/>
            <div class="title" style="position: relative;">
                <h1>${dest.name}</h1>
                <a class="num-photo" href="javascript:;" target="_blank"></a>
                <br>
                <span class="en">${dest.pinyin!dest.english}</span>
                <div style="position: absolute;top: 3px;right: 220px;"><img
                        src="https://b3-q.mafengwo.net/s12/M00/84/BF/wKgED1v-df2Ab5KFAAFioLPYatQ535.png"
                        style="width: 390px;"></div>
            </div>
            <div class="place-navbar" style="border-top: 0;">
                <div class="navbar-con">
                    <ul class="navbar clearfix navbar-first-level-warper">
                        <li class="navbar-overview city-guide">
                            <a class="navbar-btn" href="javascript:;">
                                <i class="navbar-icon"></i><span>概况</span>
                            </a>
                        </li>
                        <li class="navbar-line">
                            <a class="navbar-btn" href="#travel">
                                <i class="navbar-icon"></i><span>游记</span>
                            </a>
                        </li>
                        <li class="navbar-line">
                            <a class="navbar-btn navbar-local" href="#strategy">
                                <i class="navbar-icon"></i><span>攻略</span>
                            </a>
                        </li>


                    <#--景点-->

                        <li class="navbar-scenic">
                            <a class="navbar-btn" href="#" data-cs-p="景点">
                                <i class="navbar-icon"></i><span>景点</span>
                            </a>
                        </li>

                        <li class="navbar-line">
                            <a class="navbar-btn navbar-sales" href="javascript:;">
                                <i class="navbar-icon"></i><span>跟团游</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row row-summary row-bg">
    <div class="wrapper">
        <h2 class="title">景点概况</h2>
        <div>
            <p style="">
                这个城市没有冬天，没有寒冷，永远都是那么暖意洋洋，永远都是那么热火朝天；这个城市的每一条街道，都灯火辉煌，明亮耀眼；广州大多数景点都需要1天的时间来游览，最有特色是有着异域风情的沙面和拥有130多年历史的石室圣心大教堂。这个城市没有冬天，没有寒冷，永远都是那么暖意洋洋，永远都是那么热火朝天；这个城市的每一条街道，都灯火辉煌，明亮耀眼；广州大多数景点都需要1天的时间来游览，最有特色是有着异域风情的沙面和拥有130多年历史的石室圣心大教堂。另外陈家祠、现代化建筑广州塔和已有2100多年历史的南越王墓也是值得一看的地方。</span>
        </div>
    </div>

</div>
<br>
<br>
<div class="row row-top5" data-cs-p="必游景点">
    <div class="wrapper">
        <h2 class="title">必游景点TOP5</h2>
    <#list pageInfo.list as sc>
        <div class="item clearfix">
            <div class="info">
                <div class="middle">
                    <h3>
                        <span class="num">${sc.id}</span>
                        <a href="/cityScenic/detail?id=${sc.id}" target="_blank"
                           title="${(sc.name)!}">${(sc.scenicName)!}
                        </a><a href="/poi/25091.html" target="_blank" title="${(sc.scenicName)!}">
                        <span class="rev-total"><em>${(sc.replynum)!}</em> 条点评</span>
                    </a>
                    </h3>
                    <p>${sc.summary}</p>
                    <div class="links">这里还包含景点：
                        <#list sc.children as s>
                            <a href="/cityScenic/detail?id=${s.id}" target="_blank">${(s.scenicName)!}</a>
                        </#list>

                    </div>
                </div>
            </div>
            <div class="pic">
                <div class="large">
                    <img src="/images/${(sc.coverUrls[0])!}"
                         width="380" height="270">
                </div>
                <div>
                    <img src="/images/${(sc.coverUrls[1])!}"
                         width="185" height="130">
                </div>
                <div>
                    <img src="/images/${(sc.coverUrls[2])!}"
                         width="185" height="130">
                </div>
            </div>
        </div>

    </#list>
    </div>
</div>



<#list hots as h>
<div class="row row-hotScenic row-bg" data-cs-p="${(h.title)!}">
    <div class="wrapper">
        <h2 class="title">${(h.title)!}</h2>
            <div class="grid grid-two">
                <div class="figure">
                    <a href="/cityScenic/detail?id=${h.id}" target="_blank" title="${(h.title)!}">
                        <img src="/images/${(h.coverUrls[1])!}" width="485" height="320">
                        <h3 class="title">${(h.title)!}</h3>
                        <div class="mask-container">
                            <div class="mask">
                                <div class="middle">
                                    <h3>${(h.title)!}</h3>
                                    <p>${(h.summary)!}</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
    </div>
</div>
</#list>

<div class="row row-allScenic" data-cs-p="全部景点">
    <div class="wrapper">
        <h2 class="title">
            广州全部景点
            <a class="btn-add" href="/poi/add.php?iId=10088" target="_blank" title="推荐新的景点"><i>+</i>推荐新的景点</a>
        </h2>
        <ul class="nav clearfix">
            <li class="on"><a title="全部景点">全部景点</a></li>
            <li data-tagid="26750"><a title="周边古村落">周边古村落</a></li>
            <li data-tagid="26447"><a title="羊城八景">羊城八景</a></li>
            <li data-tagid="27407"><a title="赏花佳地">赏花佳地</a></li>
            <li data-tagid="27410"><a title="老建筑">老建筑</a></li>
            <li data-tagid="27413"><a title="小清新地儿">小清新地儿</a></li>
        </ul>
        <div class="bd">
            <ul class="scenic-list clearfix">
                <#list  all as a>
                <li>
                    <a href="/cityScenic/detail?id=${(a.id)!}" target="_blank" title="${(a.title)!}">
                        <div class="img"><img
                                src="/images/${a.coverUrls[0]}"
                                width="192" height="130"></div>
                        <h3>${(a.title)!}</h3>
                    </a>

                </li>
                </#list>

            </ul>
        </div>
        <div class="_j_tn_pagination">
            <div align="right" class="m-pagination">
                <span class="count">共<span>20</span>页 / <span>2538</span>条</span>

                <span class="pg-current">1</span>
                <a class="pi" data-page="2" rel="nofollow" title="第2页">2</a>
                <a class="pi" data-page="3" rel="nofollow" title="第3页">3</a>
                <a class="pi" data-page="4" rel="nofollow" title="第4页">4</a>
                <a class="pi" data-page="5" rel="nofollow" title="第5页">5</a>
                <a class="pi" data-page="6" rel="nofollow" title="第6页">6</a>

                <a class="pi pg-next" data-page="2" rel="nofollow" title="后一页">后一页</a>
                <a class="pi pg-last" data-page="20" rel="nofollow" title="末页">末页</a>
            </div>
        </div>
    </div>
</div>



<#include "../common/footer.ftl">
</body>

</html>